.airConditioner {
	display: flex;
	width: 100%;
	height: calc(100%);
	min-height: 760px;
	overflow: hidden;
	background-color: #f0f2f5;
	.tb {
		position: absolute;
		top: 0;
		left: 0;
		width: 129px;
		height: 130px;
		background: url("../../../../../assets/images/iot/device/deviceInfo/tbg.png") no-repeat no-repeat;
		span {
			position: relative;
			display: inline-block;
			width: 64px;
			height: 22px;
			padding-left: 10px;
			margin-top: 20px;
			margin-left: 23px;
			font-family: "PingFang SC-Bold", "PingFang SC";
			font-size: 16px;
			font-weight: bold;
			color: #000000;
			&::after {
				position: absolute;
				top: 50%;
				left: 0;
				width: 3px;
				height: 12px;
				margin-top: -6px;
				content: "";
				background: #2e68ea;
			}
		}
	}
	.l {
		flex: none;
		width: 690px;
		height: 100%;
		.t {
			position: relative;
			width: 100%;
			height: calc(100% - 308px);
			overflow: hidden;
			.img1 {
				position: absolute;
				top: 119px;
				left: 118px;
				z-index: 1;
				width: 356px;
				height: auto;
				transform: scale(0.8);
			}
			.img2 {
				position: absolute;
				top: -66px;
				right: 50px;
				width: 270px;
				height: auto;
				transform: scale(0.8);
			}
		}
		.b {
			position: relative;
			display: flex;
			width: 100%;
			height: 308px;
			background: #ffffff;
			border-radius: 0;
			.bl {
				flex: auto;
				padding-top: 51px;
				.pro {
					position: relative;
					width: 214px;
					height: 114px;
					margin: 20px auto 0;
					.proEchart {
						position: absolute;
						top: -145px;
						left: -91px;
						width: 400px;
						height: 400px;
						transform: scale(0.6);
					}
					span {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 45px;
						font-family: "PingFang SC-Bold", "PingFang SC";
						font-size: 32px;
						font-weight: bold;
						color: #000000;
						text-align: center;
					}
				}
				.btn {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 214px;
					height: 46px;
					margin: 33px auto 0;
					.btnList {
						z-index: 999;
						width: 66px;
						height: 36px;
						font-size: 16px;
						line-height: 36px;
						color: #5e7ce0;
						text-align: center;
						cursor: pointer;
						background: #eff3ff;
						border-radius: 3px;
					}
					img {
						z-index: 999;
						width: 46px;
						height: 46px;
						cursor: pointer;
					}
				}
			}
			.br {
				flex: none;
				width: 330px;
				height: 100%;
				padding-top: 51px;
				.title {
					display: inline-block;
					width: 100%;
					height: 22px;
					margin: 0 0 16px;
					font-family: "PingFang SC-Bold", "PingFang SC";
					font-size: 16px;
					font-weight: bold;
					color: #000000;
				}
				ul {
					display: flex;
					width: 100%;
					height: 63px;
					padding: 0;
					margin: 0 0 30px;
					list-style: none;
					li {
						width: 38px;
						height: 100%;
						margin-right: 40px;
						cursor: pointer;
						&:last-child {
							margin-right: 0;
						}
						.img {
							width: 38px;
							height: 38px;
							margin-bottom: 5px;
							border-radius: 4px;
							box-shadow: 0 0 6px 1px rgb(0 0 0 / 16%);
							opacity: 1;
							img {
								width: 100%;
								height: 100%;
							}
						}
						span {
							display: inline-block;
							width: 100%;
							height: 20px;
							font-family: "PingFang SC-Medium", "PingFang SC";
							font-size: 14px;
							font-weight: 500;
							line-height: 20px;
							color: #222222;
							text-align: center;
						}
					}
				}
				.slider {
					width: calc(100% - 40px);
					padding-left: 10px;
				}
			}
		}
	}
	.r {
		flex: auto;
		height: 100%;
		margin-left: 15px;
		.rt {
			position: relative;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			height: calc(100% - 308px - 15px);
			margin-bottom: 15px;
			background: #ffffff;
			border-radius: 0;
			opacity: 1;
			.rtl {
				position: relative;
				flex: none;
				width: 280px;
				height: 192px;
				margin-left: 60px;
				.chartBox {
					position: absolute;
					top: -117px;
					left: -59px;
					width: 400px;
					height: 400px;
					transform: scale(0.8);
				}
				&::after {
					position: absolute;
					top: 84px;
					left: 58px;
					width: 160px;
					height: 80px;
					content: "";
					border: 2px solid #b7c7e5;
					border-bottom: none;
					border-radius: 50% 50% 0 0/100% 100% 0 0;
				}
				.btn {
					position: absolute;
					bottom: -15px;
					left: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 80px;
					height: 32px;
					margin-left: -40px;
					background: #ffffff;
					border: 1px solid #bfc6d5;
					border-radius: 16px;
				}
			}
			.rtr {
				display: flex;
				flex: auto;
				flex-wrap: wrap;
				height: 192px;
				padding-left: 100px;
				dl {
					display: flex;
					align-items: center;
					justify-content: flex-start;
					width: 184px;
					height: 48px;
					dt {
						width: 32px;
						height: 32px;
						padding: 0;
						margin: 0;
						margin-right: 16px;
						overflow: hidden;
						img {
							width: 100%;
							height: 100%;
						}
					}
					dd {
						padding: 0;
						margin: 0;
						span {
							display: inline-block;
							width: 100%;
							height: 20px;
							padding: 0;
							margin: 0;
							margin-bottom: 6px;
							font-family: "PingFang SC-Medium", "PingFang SC";
							font-size: 14px;
							font-weight: 500;
							line-height: 20px;
							color: #000000;
						}
						p {
							display: inline-block;
							width: 100%;
							height: 22px;
							padding: 0;
							margin: 0;
							font-family: "PingFang SC-Bold", "PingFang SC";
							font-size: 16px;
							font-weight: bold;
							line-height: 22px;
							color: #000000;
						}
					}
				}
			}
		}
		.rb {
			position: relative;
			width: 100%;
			height: 308px;
			background: #ffffff;
			border-radius: 0;
			opacity: 1;
			.chartBox {
				width: 100%;
				height: 100%;
			}
		}
	}
	.disFunc {
		pointer-events: none;
	}
}
